<template>
  <view class="chacttop">
    <view class="chactop-top">
      <text style="padding: 0rpx 20rpx">
        {{ hlistdata.ResumeInfo.JobExpectList[0].PositionName }}
      </text>
      <text v-if="hlistdata.ResumeInfo.JobExpectList[0].Negotiable">面议</text>
      <text v-else
        >{{ hlistdata.ResumeInfo.JobExpectList[0].MinWage / 1000 }}~{{
          hlistdata.ResumeInfo.JobExpectList[0].MaxWage / 1000
        }}K</text
      >
    </view>
    <view class="buheshi" v-if="hlistdata.Improper == 1">
      <view class="text">当前求职者已标记成不合适</view>
    </view>
    <scroll-view
      class="scroll-H"
      scroll-x="true"
      enable-flex="true"
      scroll-left="0"
    >
      <view
        class="scrollHstyle"
        @click="vupopupshow(item)"
        :id="index"
        v-for="(item, index) in tberlist"
        :key="index"
        v-show="item.typetext == 1"
      >
        <image :src="item.src" :style="item.style" />
        <view class="viewtext">{{ item.text }}</view>
      </view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  props: {
    hlistdata: {
      type: Object,
    },
    tberlist: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {};
  },
  created() {},
  methods: {
    vupopupshow(item) {
      this.$emit("vupopupshow", item.id);
    },
  },
};
</script>

<style lang="scss" scoped>
.chacttop {
  background-color: #fff;
  padding: 10rpx 0rpx;

  .chactop-top {
    display: flex;
    font-size: 24rpx;
    text-align: center;
    justify-content: center;
    padding: 6rpx 0rpx;
  }
  .buheshi {
    width: 100%;
    height: 60rpx;
    line-height: 60rpx;
    padding-left: 20rpx;
    background-color: rgb(255, 241, 225);
    .text {
      color: rgb(255, 174, 81);
      font-size: 24rpx;
    }
  }
  .scroll-H {
    padding: 10rpx 0rpx 0rpx;
    box-sizing: border-box;
    white-space: nowrap;
    width: 100%;
    white-space: nowrap;

    .scrollHstyle {
      display: inline-block;
      width: 130rpx;
      text-align: center;

      .viewtext {
        font-size: 20rpx;
      }
    }
  }
}
</style>